$(function () {
    // setHeight();
    findAll();
    // setPageData();//将分页的页数
})
// let curPage = 1;
// let count = 0;
// let pageSize = 3;

// function page(obj) {
//     // $(obj).html();
//
//     let value = $(obj).html();
//     $("#numPage").children().removeClass();
//     switch (value) {
//         case "首页":
//             curPage = 1;
//             $("#numPage").children("div:nth-child(1)").addClass("curPage");
//             break;
//         case "上一页":
//             if (curPage !== 1) {
//                 --curPage;
//                 $("#numPage").children("div:nth-child(" + curPage + ")").addClass("curPage");
//             }
//             break;
//         case "下一页":
//             ++curPage;
//             $("#numPage").children("div:nth-child(" + curPage + ")").addClass("curPage");
//             break;
//         case "尾页":
//             curPage = Math.ceil(count / pageSize);
//             $("#numPage").children("div:last-child").addClass("curPage");
//             // curPage = 10;
//             break;
//         default:
//             curPage = parseInt($(obj).html());
//             $(obj).addClass("curPage");
//             break;
//     }
//
//     // $(obj).addClass("curPage");
//
//     findAll();
// }
function page(type) {
    let curPage = $("#curPage").val();
    let countSize = $("#countSize").html();
    let pageSize = $("#pageSize").val();
    let tempCountSize = Math.ceil(countSize / pageSize);
    switch (type) {
        case "goto":
            break;
        case "first":
            curPage = 1;
            break;
        case "last":
            if (curPage > 1)
                --curPage;
            else alert("已经是第一页黎");
            break;
        case "next":
            if (curPage < tempCountSize)
                ++curPage;
            else alert("已经最后一页");
            break;
        case "end":
            curPage = tempCountSize;
            break;
    }
    $("#curPage").val(curPage);
    // $("#pageSize").val();
    findAll();
}

function setHeight() {
    let height = 500;
    $(".right").css({"overflow": "auto", "height": "clac(100vh - 100px - " + height + "px)"});
}

function findAll() {
    let data = {
        username: $("#username").val(),
        phone: $("#phone").val(),
        email: $("#email").val(),
        sex: $("#sex").val(),
        hobby: getHobby(),
        startBirthday: $("#startBirthday").val(),
        endBirthday: $("#endBirthday").val(),
        enable: $('input:radio[name=enable]:checked').val(),
        curPage: $("#curPage").val(),
        pageSize: $("#pageSize").val()
    };
    console.log(data);
    $.ajax({
        url: '/back/user/findAll',
        data: data,
        dataType: 'json',
        type: 'get',
        success: function (data) {
            console.log(data);
            // count = data.count;
            // setPageData();
            $("#countSize").html(data.count);
            setData(data.list);

        }
    })
}

function setPageData() {
    let countPage = Math.ceil(count / pageSize);
    let html = "";
    console.log(countPage)
    // if (curPage >= 5 && curPage <= countPage) {
    //     for (let i = 0; i < 5; i++) {
    //         html += '<div onclick="page(this)" class="' + (i == curPage ? 'curPage' : '') + '">' + (i + 1) + '</div>';
    //     }
    // } else {
    //     for (let i = 0; i < 5; i++) {
    //         html += '<div onclick="page(this)" class="' + (i == 0 ? 'curPage' : '') + '">' + (i + 1) + '</div>';
    //     }
    // }
    if (countPage < 5) {
        for (let i = 0; i < countPage; i++) {
            html += '<div onclick="page(this)" class="' + (i == 0 ? 'curPage' : '') + '">' + (i + 1) + '</div>';
        }
    } else {

        for (let i = 0; i < 5; i++) {
            html += '<div onclick="page(this)" class="' + (i == 0 ? 'curPage' : '') + '">' + (i + 1) + '</div>';
        }
    }

    $("#numPage").html(html);
}

function setData(data) {
    let html = '';
    for (let i = 0; i < data.length; i++) {
        html += '<div>\n' +
            '            <div>' + data[i].id + '</div>\n' +
            '            <div>' + replace(data[i].username) + '</div>\n' +
            '            <div>' + replace(data[i].phone) + '</div>\n' +
            '            <div>' + replace(data[i].email) + '</div>\n' +
            '            <div>' + replace(data[i].birthday) + '</div>\n' +
            '            <div>' + replace(data[i].sex) + '</div>\n' +
            '            <div>' + replace(data[i].hobby) + '</div>\n' +
            '            <div>' + data[i].enable + '</div>\n' +
            '            <div>\n' +
            '                <div><a href="javascript:edit(' + data[i].id + ')"> 编辑</a></div>\n' +
            '                <div onclick="del(' + data[i].id + ')">删除</div>\n' +
            '                <div onclick="passwordEdit(' + data[i].id + ')">密码修改</div>\n' +
            '            </div>\n' +
            '        </div>';
    }
    $(".myBody").html(html);
}

//
function edit(id) {
    sessionStorage.setItem("userid", id);
    localStorage.setItem("userid", id);
    // $(".right").load("/html/user/userEdit.html");
    openWindow("用户修改", "/html/user/userEdit.html");
}

function replace(value) {
    return value == undefined ? '' : value;
}

function del(id) {
    $.ajax({
        url: '/back/user/del',
        data: {id: id},
        dataType: 'json',
        type: 'post',
        success: function (data) {
            console.log(data);
            if (data.result == 'success') {
                findAll();
            } else {
                alert("删除失败");
            }
        }
    })
}

function passwordEdit(id) {
    $("#alertWindow").show();
}

function openWindow(title, url) {
    $("#title").html(title);
    $("#content").load(url);
    $("#alertWindow").show();
}

function closeWindow() {
    $("#alertWindow").hide();
}

function clearContent() {
    $("#username").val("");
    $("#email").val("");
    $("#phone").val("");
}

function getHobby() {

    let hobby = '';
    $('input:checkbox[name=hobby]').each(function () {

        if ($(this).prop('checked')) {
            hobby += $(this).val() + ',';
        }
    });
    if (hobby != '') {
        hobby = hobby.substring(0, hobby.lastIndexOf(','));
    }
    return hobby;
}